
{% extends "base.html" %}
{% load custom_markdown %}
{% load django_markdown %}
{% block content %}
	<div class="page-container">
		<div class="row breadcrumbs margin-bottom-40">
            <div class="container">
                <div class="col-md-4 col-sm-4">
                    <h1>Blog Page</h1>
                </div>
                <div class="col-md-8 col-sm-8">
                    <ul class="pull-right breadcrumb">
                        <li><a href="/">主页</a></li>
                        <li><a href="">Pages</a></li>
                        <li class="active">Blog Page</li>
                    </ul>
                </div>
            </div>	
        </div><!-- end breadcrumbs -->
        <div class="container min-hight">
        	<div class="row">
        		<div class="col-md-9 blog-item margin-bottom-40">
						<h2>
							<a href="{% url 'detail' id=post.id %}">{{ post.title }}</a>
						</h2>
						<p> {{ post.content|markdown }}</p>
							<ul class="blog-info">
							<li><i class="fa fa-user"></i> By admin</li>
								<li><i class="fa fa-calendar"></i> {{ post.date_time|date:'Y/m/d' }}</li>
								<li><i class="fa fa-comments"></i> 17</li>
								<li><i class="fa fa-archive"></i>
								 {% for category in post.categories.all %}
								{{ category.name }}
								{% if not forloop.last %}, {% endif %}
								{% endfor %}
								</li>
								<li><i class="fa fa-tags"></i>
								 {% for tag in post.tags.all %}
								{{ tag.name }}
								{% if not forloop.last %}, {% endif %}
								{% endfor %}
								</li>
							</ul>
							<div class="media">
								<h3>评论</h3>
								 {% include "duoshuo.html" %}
							</div>
        			 
        		</div><!-- end margin-bottom-40 -->
        		<div class="col-md-3 col-sm-3 blog-sidebar">
        			<div class="blog-tags margin-bottom-20">
						<h2>Tags</h2>
						<ul>
							<li><a href="#"><i class="fa fa-tags"></i>OS</a></li>
							<li><a href="#"><i class="fa fa-tags"></i>Metronic</a></li>
							<li><a href="#"><i class="fa fa-tags"></i>Dell</a></li>
							<li><a href="#"><i class="fa fa-tags"></i>Conquer</a></li>
							<li><a href="#"><i class="fa fa-tags"></i>MS</a></li>
							<li><a href="#"><i class="fa fa-tags"></i>Google</a></li>
							<li><a href="#"><i class="fa fa-tags"></i>Keenthemes</a></li>
							<li><a href="#"><i class="fa fa-tags"></i>Twitter</a></li>
						</ul>
					</div>
        		</div>
        	
        	</div>
        </div><!--end  container -->
	
	</div><!-- end page-container -->
	
	<!-- <div class="container">
	<div class="blog-header">
        <h1 class="blog-title">The Bootstrap Blog</h1>
        <p class="lead blog-description">The official example template of creating a blog with Bootstrap.</p>
    </div>end blog-header
    <div class="row">
    	<div class="col-sm-8 blog-main">
    		<div class="blog-post">
    			<h2 class="blog-post-title">
    			<a href="{% url 'detail' id=post.id %}">{{ post.title }}</a>
    			</h2>
    			<p class="blog-post-meta">{{ post.date_time|date:'Y/m/d' }}<a href="#">{{ post.category }}</a></p>
    			<p> {{ post.content }}</p>
    			<blockquote>
    				<p> {{ post.content|custom_markdown}}</p>
    			
    			</blockquote>
    		</div>end blog-post 
    		 {% include "duoshuo.html" %}
    	</div>end blog-main
    	<div class="col-sm-3 col-sm-offset-1 blog-sidebar">
    		<div class="sidebar-module">
            <h4>Elsewhere</h4>
            <ol class="list-unstyled">
              <li><a href="#">GitHub</a></li>
              <li><a href="#">Twitter</a></li>
              <li><a href="#">Facebook</a></li>
            </ol>
          </div>
    	</div>end blog-sidebar
    
    </div>
    
    
    
	
	</div>endcontainer  -->
	




{% endblock%}